@extends('layout.admin.index')
@section('content')
<body>
<div class="panel admin-panel">
  <!-- 子菜单显示-添加操作管理 -->
  <div class="panel-head" id="add"><strong><span class="icon-pencil-square-o"></span>{{ $title }}</strong></div>
  <div class="body-content">

    <!-- 操作管理添加开始 -->
    <form method="post" class="form-x" action="/admin/operation/doadd" enctype="multipart/form-data" id="myform">  
    {{ csrf_field() }}
      <div class="form-group">
      </div>


      <!-- 添加操作名称 -->
      <div class="form-group">
        <div class="label">
          <label>操作名称：</label>
        </div>
        <div class="field">
          <input type="text" class="input w50" value="" name="operation_name" id="operation_name"/>
          <font style="font-size:20px;color:red">*</font>&nbsp<span id="name_res"></span>
          <div class="tips"></div>
            <div style="Clear:both;margin:8px 0 -10px 0;color:#aac">(标明操作的名称，该名称具备唯一性，不可重复。)</div>
        </div>
      </div>

      <!-- 添加控制器名称 -->
      <div class="form-group">
        <div class="label">
          <label>控制器名称：</label>
        </div>
        <div class="field">
          <input type="text" class="input w50" value="" name="operation_controller" id="operation_controller"/><font style="font-size:20px;color:red" >*</font><span id="con_res"></span>
          <div class="tips"></div>
          <div style="Clear:both;margin:8px 0 -10px 0;color:#aac">(标明该操作的控制器名称，标明全称大小写，不可重复，便于管理。)</div>
        </div>
      </div>
      <script type="text/javascript">

      /**
       * ajax判断 ------------- 程序有误，暂不可以使用
       *
       * @param      object       param        获取输入文本域的内容
       * @param      string       name         获取提示要显示的文字
       * @param      string       val          获取已经输入到文本域的值
       * @return     int          res          返回1 or 2 判断真假执行操作
       */
      // function ajax(param,name,routes)
      // {
      //   console.log(param)
      //   // 文本域输入的内容
      //   var val = $(param).val();
      //   if(!val){
      //     console.log($(param).next().next().html());
      //     $(param).next().next().html('<img src="/images/cuo.png" alt="" width="15" style="margin-bottom:4px"/><font color="red">'+name+'不允许为空<font>');

      //   }else{
      //     $.get('/admin/operation/ajaxname?'+routes+'='+val,function(res)
      //     {
      //       console.log(routes)
      //         if(res == 1){
      //             $('#name_res').html('<img src="/images/dui.png" alt="" width="15" style="margin-bottom:4px"/><font color="green">'+name+'可以使用<font>');
      //         }else{
      //             $('#name_res').html('<img src="/images/cuo.png" alt="" width="15" style="margin-bottom:4px"/><font color="red">'+name+'已经存在<font>');
      //         }
      //     })
      //   }
      // }
          

          // 操作名称判断
          $('#operation_name').blur(function(){
              val = $(this).val();
              if(!val){
                  $('#name_res').html('<img src="/images/cuo.png" alt="" width="15" style="margin-bottom:4px"/><font color="red">操作名不允许为空<font>');
              }else{

                $.get('/admin/operation/ajaxname?operation_name='+val,function(res){

                    if(res == 1){
                        $('#name_res').html('<img src="/images/dui.png" alt="" width="15" style="margin-bottom:4px"/><font color="green">操作名称可用<font>');
                    }else{
                        $('#name_res').html('<img src="/images/cuo.png" alt="" width="15" style="margin-bottom:4px"/><font color="red">操作名称已存在<font>');
                    }
                    
                })
              } 
          })
          // 控制器名称判断
          $('#operation_controller').blur(function(){
              con_val = $(this).val();
              if(!con_val){
                  $('#con_res').html('<img src="/images/cuo.png" alt="" width="15" style="margin-bottom:4px"/><font color="red">操作名不允许为空<font>');
              }else{

                $.get('/admin/operation/ajaxname?operation_controller='+con_val,function(res){

                    if(res == 1){
                        $('#con_res').html('<img src="/images/dui.png" alt="" width="15" style="margin-bottom:4px"/><font color="green">该控制器名称可用<font>');
                    }else{
                        $('#con_res').html('<img src="/images/cuo.png" alt="" width="15" style="margin-bottom:4px"/><font color="red">该控制器名称已存在<font>');
                    }
                    
                })
              } 
          })

        </script>
      <!-- 添加操作方法名称 -->
      <div class="form-group">
        <div class="label">
          <label>操作方法：</label>
        </div>
        <div class="field">
          <input type="text" class="input w50" value="" name="operation_function" id="operationFunction"/><font style="font-size:20px;color:red">*</font>
          <div class="tips"></div>
          <div style="Clear:both;margin:8px 0 -10px 0;color:#aac">(标明该操作控制器中的方法名称，便于管理。)</div>
        </div>
      </div>

      <!-- 添加节点说明 -->
      <div class="form-group">
        <div class="label">
          <label>节点说明：</label>
        </div>
        <div class="field"  style="margin-bottom:-10px">
          <textarea name="operation_explain" id="operationExplain" cols="100" rows="4" style="resize:none;float:left" class="input w50"></textarea><font style="font-size:20px;color:red">*</font>
          <!-- <div class="tips"></div> -->
          <div style="Clear:both;margin:8px 0 -10px 0;color:#aac">(该操作的重点描述信息，便于网站的升级与维护。)</div>
        </div>
      </div>
      <br>

      <!-- 添加操作状态 -->
      <div class="form-group">
        <div class="label">
          <label>操作状态：</label>
        </div>
        <div class="field"  style="margin-bottom:-10px">
          <ul>
            <li style="margin-top:10px">
                开：<input type="radio" value="1" name="operation_open" checked/>
                关：<input type="radio" value="2" name="operation_open"/>
            </li>
          </ul>
          <div class="tips"></div>
        </div>
        <div style="float:left;margin:8px 0 -10px 0;color:red">(注意：操作权限,关闭该功能则子管理员失去操作该功能的权限,请谨慎操作.默认：开启)</div>
      </div>


      <div class="form-group">
        <div class="label">
          <label></label>
        </div>
        <div class="field">
          <input class="button bg-main icon-check-square-o" type="submit" id="operationSubmit" value="提交" >
          <a href="/admin/operation/index"  class="button bg-main icon-mail-reply">&nbsp返回</a>
        </div>
      </div>
    </form>
    <!-- 操作管理添加结束 -->
  </div>
</div>
</body>
          <script type="text/javascript">
              // $('#operationName').blur(function(){
              //     alert(1);
              // });
          </script>
@endsection